<!-- video容器 -->
<style scoped rel="stylesheet/scss" lang="scss">
	@import '../../../css/public.scss';
	.videoCn{
		width: 100%;
		height: 420px;
		position: relative;
		.playMode{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			padding-top: 45px;
			text-align: center;
			background-color: rgba(0,0,0,0.7);
			z-index: 9;
		}
		.fenmian{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 8;


		}

		video{
			width: 100%;
			height: 100%;
		}

	}

</style>

<template>
	<div class="videoCn">
		<div class="playMode"><img src="images/videobtn.png"></div>
		<img class="fenmian" src="images/videoimg.jpg">
		<video>
			
		</video>
	</div>
</template>

<script>
	export default {
		data(){
			return {
				
			}
		},
		computed: {
	    	// getData(){
	    	// 	return this.$store.getters.getDataVal;
	    	// }
	    	
	    },
	    watch:{
	    	// getData(obj){

	    	// }
	    }

	}
</script>
